<template>
	<!-- 没事多去Uni-app官网看啊看什么 APL 组件了 插件了 标签了 事件了-->
	<view>
		<view >
			<!-- 引用组件  :list="对象数据" 就是要操作的数据部分  在利用它的说明参数进行 操作 如 name='image_url' 可以进行替换它的image 成为你的 image_url进行显示我的图片 -->
			<!-- 注意一些参数要  绑定的加 (:) -->
			<!-- dataList.banner绑定到 list 子组件好接收 -->
			<u-swiper :list="dataList.banner" name='image_url' height='400' mode='dot' @click="sdfsdsdfgsdf"></u-swiper>
		</view>
		
		<view class="" style="padding: 25rpx;">
			<!-- dataList.banner绑定到 index 子组件好接收 -->
			<homeList :list='dataList.categoryList' @click='changName' @id='changId' @more='changMore'></homeList>
		</view>
	</view>
</template>

<script>
	// 谁接收组件的路径  谁就是它的父级了
	// 操作都是在父级 里面执行的  子组件只负责数据的获取和传递
	import homeList from '../../components/homeList/index.vue' // 引入子级组件路径import 自定义标签 from： '路径'
	export default {
		components: { homeList }, // 注册homelist 使用
		data() {
			return {
				dataList: {}, // 声明一个对象接收数据
				dataCout: {}
			}
		},
		onLoad() {
			// onLoad()里注意一般不用加符号这里面
			this.loadData() // 调用进行页面加载开始请求数据的
			this.loadSearch()
		},
		methods: {
			sdfsdsdfgsdf(index){ // univ 组件的索引值
				console.log(index) // 输出他的 索引值
				uni.switchTab({
					url:'/pages/goods/goods' // 并进行了跳转分类页面
				})
			},
			
			// 产品标题 索引号
			changName(name,sapa) { // 声明的函数接收首页子组件参数
				console.log(name,sapa,"323232") //两个参数对应接收
				uni.switchTab({
					url:'/pages/goods/goods'
				})
				if(name == 0){ // 索引值判断跳转路径分类
					uni.switchTab({
						url:'/pages/goods/goods'
					})
				} else { // 否则跳转到 购物车路径
					uni.switchTab({
						url:'/pages/cart/cart'
					})
				}
			},
			
			// 产品列表的 id
			changId(id) {
				console.log(id)
			},
			
			// 查看更多的 name
			changMore(name) {
				console.log(name)
			},
			
			// 删除
			deltet(index) { // 搞个函数进行操作处理 index是指的是 v-for里参数 序号 如：0 1 2 3
				console.log(index)
				this.dataList.banner.splice(index,1) // 利用里面的参数序号进行删除操作
			},
			
			// 请求后台数据
			loadData() { // 用这个函数包装好里面的 请求和数据 好进行调用操作
				// this.$u.api.getAppInfo().then(res => {
				// 	console.log(res);
				// })function 
				console.log(this.dataList,6666)
				this.$u.get('/index/appInfo', {}).then(res => { // 封装好的请求里面改变路径 和大括号对象里的参数即可 如 id: 3 可以在末尾查看
					this.dataList = res.data // 声明的对象接收返回值数据 就是路径接口里的 .data
					console.log(this.dataList,9999) // 打印了接收里面的返回值的数据
				})
				
				// this.$u.post('/ebapi/public_api/index', {
				// 	id: 1
				// }).then(res => {
				// 	this.result = res;
				// })
			},
			
			// 搜索数据
			loadSearch() {
				this.$u.get('/goods/count', {}).then(res => { // 封装好的请求里面改变路径 和大括号对象里的参数即可 如 id: 3 可以在末尾查看
				    this.dataCout = res.data
					// console.log(this.dataCout,333333) // 打印了接收里面的返回值的数据
				})
			}
		}
	}
</script>

<style>
	.search {
		/* width: 350rpx; */
		height: 104rpx;
		background-color: #f9f9f9;
		display: flex;
	}
	.middle {
		/* justify-content: center; */
		/* height: 104rpx; */
		font-size: 28rpx;
		display:flex;
		align-items: center;
	}
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
</style>
